<!DOCTYPE html>
<html lang="en">
	<head>
		<title>cc login</title>

		<link rel="stylesheet" media="screen" href="assets/css/bootstrap.min.css" />
		<link rel="stylesheet" media="screen" href="assets/css/font-awesome.min.css" />
		<script type="text/javascript" src="assets/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
		<style type="text/css">
		div#login-environment {
			width: 500px;
			margin: 20px auto;
			min-height: 20px;
			padding: 19px;
			margin-bottom: 20px;
			background-color: whiteSmoke;
			border: 1px solid #EEE;
			border: 1px solid rgba(0, 0, 0, 0.05);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		}

		input[type="checkbox"] {
			float: none!important;
			margin-top: 0;
		}
		</style>
		<script type="text/javascript">
			(function ($){
				$(document).ready(function() {
					$('button').bind('click', function () {
						window.location = 'index.php';
						return false;
					});
				});
			})(jQuery);
		</script>
	</head>

	<body>
		<div class="container">
			<div id="login-environment" class="row-fluid">
				<div class="span12">
					<form method="post" class="form-horizontal">
						<fieldset>
							<legend>Existing Users Login</legend>
							<p>
								User: demo<br />
								Pass: demo
							</p>
							<div class="control-group">
								<label for="username" class="control-label">Username</label>
								<div class="controls">
									<div class="input-prepend">
										<span class="add-on"><i class="icon-user"></i></span>
										<input type="text" id="username">
									</div>
								</div>
							</div>

							<div class="control-group">
								<label for="password" class="control-label">Password</label>
								<div class="controls">
									<div class="input-prepend">
										<span class="add-on"><i class="icon-lock"></i></span>
										<input type="password" id="password">
									</div>
								</div>
							</div>


							<div class="control-group text-right">
								<div class="controls">
									<p>
										<label class="checkbox" style="display:inline;">
											<input type="checkbox" id="remember">&nbsp;Remember me
										</label>
										<button type="submit" class="btn btn-primary">Sign In</button>
									</p>
									<p>
										Forgot password?&nbsp;<a href="#">Click here to reset</a><br />
										New User?&nbsp;<a href="#">Click here to register</a>
									</p>
								</div>
							</div>
						</fieldset>
					</form>
				</div> <!-- end div.span12 -->
			</div> <!-- end div#login-enviornment -->

		</div> <!-- end div.container -->
	</body>
</html>

<?php include 'page-footer.php'; ?>